@(username: String)

$(function() {
	$(".btn").prop('disabled', true);
    var WS = window['MozWebSocket'] ? MozWebSocket : WebSocket
 	var chatSocket = new WS("@routes.Application.chat(username).webSocketURL(request)")

    var sendMessage = function() {
        chatSocket.send(JSON.stringify(
            {name:"number",nr: $("#nr").val()}
        ))
        $("#nr").val('')

    }

    var receiveEvent = function(event) {
        var data = JSON.parse(event.data)

        // Handle errors
        
        if(data.error) {
            chatSocket.close()
            $("#onError span").text(data.error)
            $("#onError").show()
            return
        }
        else if(data.permission) {
        	$("#onChat").show()
            $("#Actions").show()
        	if(data.exchange) {
        		$("#exchange").prop('disabled', false);
        	}
        	if(data.check) {
        		$("#exchange").prop('disabled', false);
        	}
        	if(data.exchange) {
        		$("#check").prop('disabled', false);
        	}
        	if(data.bet) {
        		$("#bet").prop('disabled', false);
        	}
        	if(data.raise) {
        		$("#raise").prop('disabled', false);
        	}
        	if(data.call) {
        		$("#call").prop('disabled', false);
        	}
        	if(data.fold) {
        		$("#fold").prop('disabled', false);
        	}
        	if(data.allin) {
        		$("#allin").prop('disabled', false);
        	}
        }
        else if(data.cards) {
        	$("#onChat").show()
            $("#Actions").show()
        	$("#cards").text(data.cards)
        }
        else if(data.myCoins) {
        	$("#onChat").show()
            $("#Actions").show()
            $("#myCoins").text(data.myCoins)
        	if(data.myBet) {
        		$("#myBet").text(data.myBet)
        	}
        	if(data.stake) {
        		$("#stake").text(data.stake)
            	$("#maxBet").text(data.maxBet)
            }
        } 
        else {
        	$("#onChat").show()
            $("#Actions").show()
        }
     
           
        
        
        // Create the message element       
	        var el = $('<div class="message"><p style="font-size:16px"></p></div>')
	        $("p", el).text(data.message)
	        $(el).addClass('me')
	        $('#messages').append(el) 
    }

    var handleReturnKey = function(e) {
        if(e.charCode == 13 || e.keyCode == 13) {
            e.preventDefault()
            sendMessage()
        }
    }

    $("#nr").keypress(handleReturnKey)
    
    $(".btn").click(function(){
    	var clickedID = this.id;
    	chatSocket.send(JSON.stringify(
            {name:"action",type:clickedID,specifier:$("#nr").val()}
        ))
        $(".btn").prop('disabled', true);
        
    });


    chatSocket.onmessage = receiveEvent

})
